﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="RenAi.Medical.Admin.Index" %>


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <title>在线医疗登录</title>
    <link href="css/style2.0.css" rel="stylesheet" />
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/JSCookie.js"></script>

    <style type="text/css">
        ul li {
            font-size: 30px;
            color: #2ec0f6;
        }

        .tyg-div {
            z-index: -1000;
            float: left;
            position: absolute;
            left: 5%;
            top: 20%;
        }

        .tyg-p {
            font-size: 14px;
            font-family: 'microsoft yahei';
            position: absolute;
            top: 135px;
            left: 60px;
        }

        .tyg-div-denglv {
            z-index: 1000;
            float: right;
            position: absolute;
            right: 3%;
            top: 10%;
        }

        .tyg-div-form {
            background-color: #23305a;
            width: 300px;
            height: auto;
            margin: 120px auto 0 auto;
            color: #2ec0f6;
        }

            .tyg-div-form form {
                padding: 10px;
            }

                .tyg-div-form form input[type="text"] {
                    width: 270px;
                    height: 30px;
                    margin: 25px 10px 0px 0px;
                }

                .tyg-div-form form button {
                    cursor: pointer;
                    width: 270px;
                    height: 44px;
                    margin-top: 25px;
                    padding: 0;
                    background: #2ec0f6;
                    -moz-border-radius: 6px;
                    -webkit-border-radius: 6px;
                    border-radius: 6px;
                    border: 1px solid #2ec0f6;
                    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2);
                    -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2);
                    box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2);
                    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
                    font-size: 14px;
                    font-weight: 700;
                    color: #fff;
                    text-shadow: 0 1px 2px rgba(0,0,0,.1);
                    -o-transition: all .2s;
                    -moz-transition: all .2s;
                    -webkit-transition: all .2s;
                    -ms-transition: all .2s;
                }
    </style>
    <body>
        <div class="tyg-div">
            <ul>

                <li>
                    <div style="margin-left: 20px;">家</div>
                </li>
                <li>
                    <div style="margin-left: 40px;">宁</div>
                </li>
                <li>
                    <div style="margin-left: 60px;">在</div>
                </li>
                <li>
                    <div style="margin-left: 80px;">线</div>
                </li>
                <li>
                    <div style="margin-left: 100px;">医</div>
                </li>
                <li>
                    <div style="margin-left: 120px;">疗</div>
                </li>
            </ul>
        </div>
        <div id="contPar" class="contPar">
            <div id="page1" style="z-index: 1;">
                <div class="title0">在 线 医 疗 平 台 </div>
                <div class="title1">具 有 全 国 最 权 威 医 生 专 家</div>
                <div class="imgGroug">
                    <ul>
                        <img alt="" class="img0 png" src="../img/page1_0.png">
                        <img alt="" class="img1 png" src="../img/page1_1.png">
                        <img alt="" class="img2 png" src="../img/page1_2.png">
                    </ul>
                </div>
                <img alt="" class="img3 png" src="../img/page1_3.jpg">
            </div>
        </div>
        <div class="tyg-div-denglv">
            <div class="tyg-div-form">
                <form>
                    <h2>登录</h2>
                    <p class="tyg-p">欢迎访问  在线医疗</p>
                    <div style="margin: 5px 0px;">
                        <input type="text" placeholder="请输入账号..." id="Uname"/>
                    </div>
                    <div style="margin: 5px 0px;">
                        <input type="text" placeholder="请输入密码..." id="Upwd"/>
                    </div>
                    <div style="margin: 5px 0px;">
                        <input type="text" style="width: 150px;" placeholder="请输入验证码..." id="ValidateCode"/>
                        <img src="Handler/ValidateCode.ashx?a="style="vertical-align: bottom;" alt="验证码" onclick="src+=1"/>
                    </div>
                    <button type="button" runat="server" id="btnLogin">登<span style="width: 20px;"></span>录</button>
                </form>
            </div>
        </div>
        <script src="js/jquery-1.8.0.min.js"></script>
        <script src="js/com.js"></script>
        <!--[if IE 6]>
        <script language="javascript" type="text/javascript" src="./script/ie6_png.js"></script>
        <script language="javascript" type="text/javascript">
        DD_belatedPNG.fix(".png");
        </script>
        <![endif]-->
        <div style="text-align: center;">
            <p>来源:<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
        </div>


    </body>
    </head>
</html>
<script>
    function houtai() {
        location.href = 'HouTai.aspx';
    }
</script>
<script>
    $(function () {
        $("#btnLogin").click(function () {
            var name = $("#Uname").val();
            var pwd = $("#Upwd").val();
            if ($("#ValidateCode").val().toString().toLowerCase() !=getCookie("CheckCode").toString().toLowerCase())
            {
                alert("验证码有误！");
                return false;
            }
            $.ajax({
                type: "post",
                url: "Handler/HandlerLogin.ashx",
                data: {
                    uname: name, upwd: pwd
                },
                success: function (data) {
                    if (data > 0) {
                       
                        location.href = "HouTai.aspx";
                    }
                    else {
                        alert("账号或密码有误！");
                    }
                }
            });

        });
    });
    </script>


